<template>
  <div>
    <a-table :columns="columns" :data-source="data">
      <template #action>
        <a>查看详细</a><br />
        <a disabled="false">报名</a>
      </template>
    </a-table>
  </div>
</template>

<script>
import { defineComponent } from "vue";
const columns = [
  {
    title: "考试时间",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "主办单位",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "考试名称",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "考试期数",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "证书名称",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "考试费",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "报名开始",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "报名截止",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "准考证时间",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "报名上限",
    dataIndex: "age",
    key: "age",
  },
  {
    title: "成绩时间",
    dataIndex: "address",
    key: "address",
  },
  {
    title: "操作",
    dataIndex: "",
    key: "x",
    slots: {
      customRender: "action",
    },
  },
];
const data = [
  {
    key: 1,
    name: "2021-06-30",
    age: 15000,
    address: "2021-06-30",
  },
  {
    key: 2,
    name: "2021-06-29",
    age: 15500,
    address: "2021-06-29",
    
  },
];
export default defineComponent({
  setup() {
    return {
      data,
      columns,
    };
  },
});
</script>

<style>   
</style>